<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

    <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">-->

    <!-- 固定的css 和 common.js 的引用    -->
    <link rel="stylesheet" href="../css/sm.min.css">
    <link rel="stylesheet" href="../css/sm-extend.min.css">
    <script type="text/javascript" src="https://gitee.com/huaflower/CommonFile/raw/master/common/common.js"></script>

    <style type="text/css">
  /*css 的样式都放在这里*/

</style>


</head>
<body>
<div class="page-group">
    <div class="page page-current">

        <!-- html代码内容区域 -->

        <div class="content">
            <!-- Slider -->
            <div class="swiper-container" data-space-between='10'>
                <div class="swiper-wrapper">
                    <!--<div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i4/TB10rkPGVXXXXXGapXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1kQI3HpXXXXbSXFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>-->
                    <div id="" style="border:solid red 1px;height: 400px;width:200px;display: table-cell;vertical-align: middle;text-align: center;">

                        <img style="height: 100px;" src="../img/zidingyi/three.jpg" />

                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>


        <!-- 上传的图片示例代码 -->
        <div class="item-input" id="img_div_content">
        </div>返回图片的位置
        <img src="https://gitee.com/huaflower/CommonFile/raw/master/img/img_add.png" style="margin-bottom: 30px;height: 90px;width:90px;margin-left: 10px;margin-top:10px;clear: both;"  id="img_add" onclick="chooseLocalImage()" align="left" />



    </div>
</div>





<!-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
<script type="text/javascript" src="https://gitee.com/huaflower/CommonFile/raw/master/js/jquery-1.11.1.min.js"></script>
<!-- 这一行代码是为了 避免js冲突 -->
<script type="text/javascript">var $$ =jQuery.noConflict();</script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonFile/raw/master/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonFile/raw/master/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonFile/raw/master/js/sm-extend.min.js' charset='utf-8'></script>


<script type="text/javascript">
// 函数区域，函数放在“初始化区域的上面”



  //一般app 初始化 html 传参数，函数名固定
  function getParams(data){
    // data需要转成json调用 ，函数urlParamParseJson();
    var jsonData = urlParamParseJson(data);
    jsonData.id
    jsonData.loginid

    var params = {
    	callbacktype:'jiaojuan_submit'
    }
    //网络请求框架，需要传入成功函数回调和 失败函数回调
   // net_request('post','api/v1/banner',params,successCallBack,errorCallBack);
    //net_request('get','http://127.0.0.1:8000/apis/alipay?subject=alipay',params,successCallBack,errorCallBack);
  }




  //成功的回调函数
  function successCallBack(data){

  }

  // 失败的回调函数
  function errorCallBack(data){
    console.log(data);
  }


  function native_success(data){
  	var parms = urlParamParseJson(data);

  }

    //如果html页面有需要提交的表单数据，接口走本地。函数名固定，values 要动态写本地面的表单数据
    function getFormData(){
      var values = {
        content:$$('#input_content').val(),
        name : $$('#input_name').va(),
        url: "submit",
		callback:""  // finish;
      }
      //发送value到本地,调用本地的接口
      send_formdata(values);
    }




  //html页面 onclick 触发打开本地图库
   function chooseLocalImage(){

      //打开本地图库，或者选择图片上传
      native_chooseupimage('');
   }



  //固定写死，需要用到选择图片上传的地方，app 调用 此方法显示图片。
    function addImg(params){

      var data = JSON.parse(params);
      //$.alert(data.id+"=="+data.path);
      var cid  = data.id;
      var imgpath = data.path;


      var imgContainer=document.getElementById("img_div_content");
            imgContainer.style.height=100+'px';//设置高度

            var div = document.createElement("div");
            div.id ="img_div_content"+cid;
            div.style.width = 100+"px";
            div.style.height = 100+"px";
            div.style.position="relative";
            div.style.float = "top";
            div.style.margin=10+'px';
            //div.style.backgroundColor="green";
            imgContainer.appendChild(div);


            var divContainer=document.getElementById("img_div_content"+cid);

            divContainer.style.float = 'left';

            var img=new Image();
    　　     //开始下载图像
    　　     img.src=imgpath;
            //img.style.margin=10+'px';//设置高度

    　　     //你打算把动态加载的图片放在那里的div容器
            img.width="90";
            img.height="90";
            img.style.position="relative";
            img.style.float="top";
            img.onclick=function(){


            };

    　　     //将创建好的图像对象添加到div中
    　　     divContainer.appendChild(img);

            var imgdelete=new Image();
    　　     //开始下载图像
    　　     imgdelete.src="https://gitee.com/huaflower/CommonFile/raw/master/img/delete.png";
            imgdelete.style.top=-105+"px";
            imgdelete.style.right=-80+"px";
            imgdelete.width="25";
            imgdelete.height="25";
            imgdelete.style.position = "relative";
            imgdelete.style.float="top";
            imgdelete.onclick=function(){

                //删除图片
                //location.href = 'box_delete_img:'+cid;
                native_chooseupimage(cid);
                //删除图片
                var divContainer=document.getElementById("img_div_content"+cid);
                divContainer.remove();


            };

            //将创建好的图像对象添加到div中
    　　     divContainer.appendChild(imgdelete);

    }




   // 初始化区域
   $$(function () {



$.ajax({
                    type:'get',
                    url:'http://mifeng.famail.top/apis/alipay?subject=alipay',
                    //data:{},
                    dataType:'text',
                    //contentType:'application/json',
                    async:true, //设置同步传输，默认是true。true:异步 false:同步

                    success:function(data){
                        //执行回调函数
                       alert(data);
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                                alert('error');
                    }
                });






      $.init();


   });


</script>
</body>
</html>